<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>优惠券表</title>
    <!-- css 样式引入 -->
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-table.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/index.css">
    <!-- js引入 -->
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-table-zh-CN.js"></script>
    <script type="text/javascript" src="../../js/bootstrap-datetimepicker.js"></script>
    <script src="js/goodsOrderList.js"></script>

</head>

<body>
	<!-- 标题 -->
	<table class="btbHead">
		<tr>
			<td style="width:25%;"><i class="fa fa-align-justify"></i>&nbsp;优惠券表</td>
			<td style="text-align: right;">
				<a href="#" id="addBtn" class="btn btn-info"  onclick="add()" data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i>&nbsp;添加</a>
			</td>
		</tr>
	</table>
	
	<!-- 模糊查询条件 -->
	<form role="form" class="form-inline searchForm">
	  <div class="form-group">
	    <label for="name">查询条件</label>
	    <input type="text" class="form-control" id="keyWord" placeholder="请输入条件" style="width:250px;">
	    <a href="javascript:doQuery()" class="btn btn-default" ><i class="fa fa-search"></i></a>
	  </div>
	</form>
	
	<div class="slideLine" style="margin-top:10px;margin-bottom: 10px;"></div>
	
	<!-- 数据表格 -->
	<table data-toggle="table" class="dataTable" data-pagination="true">
	    <thead>
	        <tr>
	            <th data-field="code" data-align="center">优惠券编码</th>
	            <th data-field="name">优惠券名称</th>
	            <th data-field="classType">优惠券类型</th>
	            <th data-field="value">优惠券面值</th>
	            <th data-field="limitValue">所需消费金额</th>
	            <th data-field="useLimit">使用范围</th>
	            <th data-field="startTime">有效期开始时间</th>
	            <th data-field="endTime">有效期结束时间</th>
	            <th data-field="userCount">已使用次数</th>
	            <th data-field="state">优惠券状态</th>
	            <th data-field="opraite" data-formatter="operateFormatter">操作</th>
	        </tr>
	    </thead>
	</table>
	
	<!--模态框-->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 750px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						新增优惠券信息
					</h4>
				</div>
				<div class="modal-body" id="iptBox">
					<form class="form-horizontal form-inline commitForm" role="form">
						<table width="100%">
							<tr>
								<td style="text-align: right;width: 17%;">
									优惠券编码
								</td>
								<td>
									<input id="" class="form-control" name="code" type="text" value="" style="width:100%">
								</td>
								<td style="text-align: right;width: 17%;">
									<span>优惠券名称</span>
								</td>
								<td>
									<input id="" class="form-control" name="name" type="text" value="" style="width:100%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;width:;">
									<span>优惠券类型</span>
								</td>
								<td>
									<select id="" class="form-control" name="classType" style="width:100%">
										<option value="0">现金券</option>
			                            <option value="1">折扣券</option>
			                            <option value="2">平台币</option>
									</select>
								</td>
								<td style="text-align: right;width:;">
									优惠券面值
								</td>
								<td>
									<input id="" class="form-control" name="value" type="text" value="" style="width:100%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>所需消费金额</span>
								</td>
								<td>
									<input id="userCode" class="form-control" name="limitValue" type="text" value="" style="width:100%">
								</td>
								<td style="text-align: right;">
									<span>使用范围</span>
								</td>
								<td>
									<select id="" class="form-control" name="useLimit" style="width:100%">
										<option value="0">不限</option>
			                            <option value="1">限定商品分类</option>
			                            <option value="2">限定商品</option>
									</select>
								</td>
								
							</tr>
							
							<tr>
								<td style="text-align: right;">
									<span>有效期开始时间</span>
								</td>
								<td colspan="">
									<input id="" class="form-control" name="startTime" type="text" value="" style="width:100%">
								</td>
								<td style="text-align: right;">
									<span>有效期结束时间</span>
								</td>
								<td colspan="">
									<input id="" class="form-control" name="endTime" type="text" value="" style="width:100%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>发送方式</span>
								</td>
								<td colspan="">
									<select id="" class="form-control" name="grantType" style="width:100%">
										<option value="0">不限</option>
			                            <option value="1">限定指定会员</option>
									</select>
								</td>
								<td style="text-align: right;">
									<span>张数限制类型</span>
								</td>
								<td colspan="">
									<select id="" class="form-control" name="sheetNumberType" style="width:100%">
										<option value="0">总数限制</option>
			                            <option value="1">每个会员限制</option>
									</select>
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>张数限制总数</span>
								</td>
								<td colspan="">
									<input id="" class="form-control" name="sheetNumber" type="text" value="" style="width:100%">
								</td>
								<td style="text-align: right;">
									<span>已使用次数</span>
								</td>
								<td colspan="">
									<input id="" class="form-control" name="userCount" type="text" value="" style="width:100%">
								</td>
							</tr>
							<tr>
								<td style="text-align: right;">
									<span>优惠券状态</span>
								</td>
								<td colspan="">
									<select id="" class="form-control" name="state" style="width:100%">
										<option value="1">有效</option>
			                            <option value="2">无效</option>
									</select>
								</td>
							</tr>
						</table>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消
					</button>
					<button type="button" class="btn btn-primary" id="btnSave">
						确定
					</button>
				</div>
			</div> <!-- /.modal-content-->
		</div> <!--/.modal -->
	</div>


</body>

</html>